/** @jsxImportSource @emotion/react */
import * as React from "react";
import {
  Cell, Table, TableBody, TableRow, Text,
} from "customize-easy-ui-component";
import { DirectLink } from "../../../routing/Link";
import {检验设备结论} from "../viewRes";
import {useThreeColumnView} from "../../hook/useThreeColumnSubr";
import {config设备概况} from "./orcBase";

//整个结论报告页
export const 检验结论报告= ({ orc, rep,theme } : { orc: any, rep: any,theme:any}
) => {
  const [firstNode,_S]=useThreeColumnView({orc, config:config设备概况,slash:true,});
  return <>
    <div css={{"@media print": {paddingBottom: '2rem', pageBreakInside: 'avoid'}} }>
      <Text id={'Conclusion'} variant="h2" css={{
        textAlign: 'center', marginTop: '1rem',
      }}>进口压力容器检验结论报告</Text>
      <Text css={{display: 'flex',flexDirection: 'row-reverse',marginRight: '2rem'
      }}>报告编号：{rep.isp?.no}</Text>
    </div>
    <Table fixed={ ["13.9%","25%","11%","20%","11%","%"]  } css={ {borderCollapse: 'collapse', "@media print": {marginTop: '-2rem'}} }  tight  miniw={800}>
      <TableBody>
        <DirectLink  href={`/report/${rep?.modeltype}/ver/${rep?.modelversion}/${rep?.id}/Survey#Survey`}>
          {firstNode}
          <TableRow >
            <Cell colSpan={6}>主要检验依据：
              <div css={{marginLeft: '2rem'}}>
              《中华人民共和国特种设备安全法》<br/>
              《中华人民共和国进出口商品检验法》<br/>
              《中华人民共和国进出口商品检验法实施条例》<br/>
              《固定式压力容器安全技术监察规程》（TSG21-2016）<br/>
              相关安全技术规范、标准、设计文件
              </div></Cell>
          </TableRow>
        </DirectLink>
        <DirectLink href={`/report/${rep?.modeltype}/ver/${rep?.modelversion}/${rep?.id}/Conclusion#Conclusion`}>
          <TableRow>
            <Cell colSpan={6}>
              <div css={{minHeight: '4rem',}}>检验结论：<br/>
                <div css={{textIndent:'2rem'}}>
                  按照《中华人民共和国特种设备安全法》的规定，该台（批）压力容器产品经我机构监督检验，安全性能<br/>
                  <Text variant="h5" css={{display:'inline'}}>{orc.检验结论}</Text> 《固定式压力容器安全技术监察规程》（TSG21-2016）的要求。
                </div>
              </div></Cell>
          </TableRow>
          <TableRow>
            <Cell colSpan={6}>
                <div css={{textIndent:'2rem'}}>
                  本台压力容器的安全状况等级评定为&nbsp;
                  <Text variant="h5" css={{display:'inline'}}>{orc.安全评定}</Text>。
            </div></Cell>
          </TableRow>
        </DirectLink>

      </TableBody>
    </Table>
    {检验设备结论({theme, orc, rep})}
  </>;
};

